@charset "utf-8";



/* CSS Document */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { margin: 0; padding: 0; }

body { color: #444; font-size: 14px; font-family: "微软雅黑"; margin: auto; letter-spacing: 0.5px; background: #FFF; max-width: 1920px; }

ul, ol { list-style: none; }

img, fieldset { vertical-align: top; border: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

address, cite, code, em, th, i { font-weight: normal; font-style: normal; }

input, button, textarea, select { font: 100% Arial, ''; vertical-align: middle }

table, td, tr, th { font-size: 14px; }

.fl, .l { float: left; }

.fr, .r { float: right; }

a { color: #333333; text-decoration: none; transition: all 0.3s; }

a:hover { color: #000; text-decoration: none; }

.clearfix { *zoom: 1; }

.clearfix:after { display: block; overflow: hidden; clear: both; height: 0px; visibility: hidden; content: "."; }

.flex { display: flex; }

.w1000 { width: 1000px; margin: 0 auto; }

.w1100 { width: 1100px; margin: 0 auto; }

.w1200 { width: 1200px; margin: 0 auto; }

.w1300 { width: 1300px; margin: 0 auto; }

.box-con { width: 100%; }

.box-con * { max-width: 100%; }



/***************************************************************************************************************/



/* top-main */

.top-main { width: 100%; }



/* top-1 */

.top-1 { width: 100%; background: #F8F8F8; }

.top-1 p, .top-1 a { line-height: 40px; font-size: 14px; color: #333333; }



/* top-2 */

.top-2 { width: 100%; }

.top-2 .logo, .top-2 .tel { height: 150px; display: flex; align-items: center; }

.top-2 .tel p { padding-left: 30px; line-height: 26px; font-size: 16px; font-weight: bold; background: url(../images/icon-1.png) no-repeat center left; }

.top-2 .tel span { margin-top: 10px; display: block; padding: 0 15px; line-height: 26px; font-size: 14px; color: #FFFFFF; background: #0270C9; border-radius: 15px; }

.top-2 .tel em { display: block; margin-left: 15px; line-height: 31px; font-size: 22px; color: #0270C9; font-weight: bold; font-family: Arial; }

.top-2 .tel em:nth-of-type(1) { letter-spacing: 1.5px; }



/* top-3 */

.top-3 { width: 100%; background: #0270C9; }

.top-3 .menu { width: 100%; }

.top-3 .menu li { float: left; width: calc(100% / 8); position: relative; }

.top-3 .menu li > a { display: block; width: 100%; line-height: 60px; text-align: center; font-size: 16px; color: #FFFFFF; }

.top-3 .menu li.on > a, .top-3 .menu li:hover > a { background: #0062A3; }



/* top-4 */

.top-4 { width: 100%; }

.top-ban .swiper-slide { width: 100%; display: flex; justify-content: center; }

.top-ban .swiper-slide img { max-width: 100%; }

.top-next:after, .top-prev:after { font-size: 20px; color: #FFFFFF; }

.top-page .swiper-pagination-bullet-active { background: #FFFFFF; }

.page-ban { width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative;}

.page-ban img { width: 100%; }
.bannerzx{
	position: absolute; 
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	
}
.bannerzx a{
	display: block;
	text-align: center;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
	background: #0270C9;
	border-radius: 0.25rem;
	padding: 0 20px;
}


/* top-5 */

.top-5 { width: 100%; background: #F8F8F8; }

.top-key { width: 100%; line-height: 70px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.top-key span { font-size: 16px; color: #666666; }

.top-key a { margin-right: 10px; font-size: 14px; color: #333333; }

.top-form { height: 70px; display: flex; align-items: center; }

.top-form .t-txt { padding: 0 15px; width: 250px; height: 35px; border: 1px solid #C9C9C9; border-radius: 5px; }

.top-form .t-btn { width: 45px; height: 35px; background: #0270C9 url(../images/icon-2.png) no-repeat center; border: none; border-radius: 5px; transition: 0.3s; }

.top-form .t-btn:hover { background-color: #0062A3; }



/* foot-main */

.foot-main { width: 100%; }



/* foot-1 */

.foot-1 { padding: 20px 0; width: 100%; }

.foot-logo { width: 260px; height: 150px; display: flex; align-items: center; justify-content: center; }

.foot-con { width: 610px; height: 150px; display: flex; flex-direction: column; justify-content: center; }

.foot-con .p1 { padding-left: 40px; line-height: 40px; font-size: 20px; font-weight: bold; color: #0270C9; background: url(../images/icon-3.png) no-repeat center left; }

.foot-con .p2 { padding-left: 40px; line-height: 35px; font-size: 14px; color: #333333; }

.foot-con p:nth-of-type(2) { background: url(../images/icon-4.png) no-repeat center left; }

.foot-con p:nth-of-type(3) { background: url(../images/icon-5.png) no-repeat center left; }

.foot-tel { height: 150px; display: flex; align-items: center; }

.foot-tel > div { padding-left: 70px; background: url(../images/icon-6.png) no-repeat left top; }

.foot-tel > div p { font-size: 14px; color: #333333; font-weight: bold; }

.foot-tel > div span { display: block; line-height: 30px; font-size: 20px; color: #0270C9; font-weight: bold; }

.foot-tel > div span:nth-of-type(1) { letter-spacing: 1.5px; }



/* foot-2 */

.foot-2 { width: 100%; background: #F2F2F2; }

.foot-nav { width: 100%; display: flex; justify-content: center; }

.foot-nav dl { padding: 30px 35px; width: calc((100% - 30%) / 3); border-left: 2px solid #E2E2E2; }

.foot-nav dl:nth-of-type(4) { width: 30%; }

.foot-nav dl:nth-of-type(1) { border: none; }

.foot-nav dl dt p { font-size: 18px; font-weight: bold; color: #333333; }

.foot-nav dl dt span { font-size: 18px; font-weight: bold; color: #01477F; font-family: Arial; text-transform: uppercase; opacity: 0.3; }

.foot-nav dl dd { padding-top: 15px; width: 100%; }

.foot-nav dl dd p { line-height: 30px; }

.foot-nav dl:nth-of-type(2) dd p { float: left; width: 50%; }

.foot-nav dl dd p a { font-size: 14px; color: #666666; }

.foot-nav dl > div { height: 100%; display: flex; align-items: center; justify-content: space-between; }

.foot-nav dl > div p { margin: 10px 0; padding-left: 35px; line-height: 30px; font-size: 14px; font-weight: bold; color: #333333; }

.foot-nav dl > div p:nth-of-type(1) { background: url(../images/icon-7.png) no-repeat center left; }

.foot-nav dl > div p:nth-of-type(2) { background: url(../images/icon-8.png) no-repeat center left; }



/* foot-3 */

.foot-3 { padding: 10px 0; width: 100%; background: #333333; }

.copyright { line-height: 25px; font-size: 12px; color: #999999; }

.copyright a { color: #999999; }

.copyright a:hover { color: #FF0000; }



/* index-main */

.index-main { width: 100%; }



/* in-cpzx */

.in-cpzx { padding: 50px 0; width: 100%; }



.cp-nav { width: 255px; }

.cp-nav .head { padding: 30px 20px; width: 100%; height: 135px; background: #0270C9; }

.cp-nav .head span { display: block; padding-bottom: 10px; font-size: 28px; font-weight: bold; color: #FFFFFF; letter-spacing: 5px; background: url(../images/icon-9.png) no-repeat left bottom; }

.cp-nav .head p { padding-top: 10px; font-size: 16px; color: #FFFFFF; font-weight: bold; text-transform: capitalize; }

.cp-nav ul { padding: 20px; width: 100%; background: #F8F8F8; }

.cp-nav ul dl { margin-bottom: 10px; width: 100%; }

.cp-nav ul dl dt { width: 100%; border-radius: 10px; overflow: hidden; }

.cp-nav ul dl dt > a { display: block; padding-left: 25px; width: 100%; line-height: 40px; font-size: 18px; color: #FFFFFF; font-weight: normal; background: #0270C9 url(../images/icon-10.png) no-repeat center right 15px; }

.cp-nav ul dl dd { margin-top: 5px; width: 100%; }

.cp-nav ul dl dd > a { display: block; padding-left: 45px; width: 100%; line-height: 35px; font-size: 16px; color: #333333; font-weight: normal; background: url(../images/icon-11.png) no-repeat center left 25px; }

.cp-nav ul dl dd > a:hover { color: #FF0000; }

.cp-nav .bottom { padding: 20px 40px; width: 100%; background: #0270C9; }

.cp-nav .bottom p { padding-left: 25px; line-height: 20px; font-size: 16px; color: #FFFFFF; background: url(../images/icon-12.png) no-repeat center left; }

.cp-nav .bottom span { display: block; padding-top: 5px; font-size: 26px; font-weight: bold; color: #FFFFFF; font-family: Arial; }



.cp-item { width: 920px; }

.cp-item .hd { padding-left: 50px; width: 100%; height: 47px; background: url(../images/icon-13.png) no-repeat left bottom; }

.cp-item .hd ul li { float: left; margin-right: 20px; line-height: 47px; font-size: 18px; color: #333333; cursor: pointer; }

.cp-item .hd ul li.on { color: #0270C9; }

.cp-item .hd a { float: right; line-height: 47px; font-size: 14px; color: #0270C9; }

.cp-item .bd { margin-top: 15px; width: 100%; }

.cp-item .bd ul li { float: left; margin: 0 5px 5px 0; width: calc((100% - 5px) / 2); position: relative; }

.cp-item .bd ul li:nth-of-type(2n) { margin-right: 0; }

.cp-item .bd ul li .cp-img { width: 100%; height: 327px; background: #F8F8F8; border: 1px solid #114936; display: flex; align-items: center; justify-content: center; }

.cp-item .bd ul li .cp-img img { width: 100%; height: 100%; object-fit: contain; }

.cp-item .bd ul li .cp-info { width: calc(100% - 2px); height: 220px; background: rgba(2,112,201,0.7); border-bottom: 1px solid #B8D7F0; border-top: 1px solid #B8D7F0; position: absolute; top: 50%; left: 1px; transform: translateY(-50%); opacity: 0; transition: 0.3s; display: flex; flex-direction: column; justify-content: center; }

.cp-item .bd ul li .cp-info em { text-align: center; font-size: 25px; font-weight: bold; color: #FFFFFF; }

.cp-item .bd ul li .cp-info span { display: block; margin: 10px auto; width: 25px; height: 2px; background: #FFFFFF; }

.cp-item .bd ul li .cp-info p { text-align: center; font-size: 14px; font-weight: normal; color: #FFFFFF; }

.cp-item .bd ul li .cp-info a { display: block; margin: 10px auto 0; padding: 0 15px; width: 160px; line-height: 45px; font-size: 17px; font-weight: bold; color: #FFFFFF; letter-spacing: 5px; background: #333333 url(../images/icon-14.png) no-repeat center right 15px; border-radius: 10px; }

.cp-item .bd ul li:hover .cp-info { opacity: 1; }



/* in-hfgg */

.in-hfgg { width: 100%; height: 220px; background: url(../images/in-hfgg.jpg) no-repeat center; }

.in-hfgg .info { width: 55%; height: 220px; text-align: center; display: flex; flex-direction: column; justify-content: center; }

.in-hfgg .info h1 { padding: 10px 0; font-size: 38px; font-weight: normal; color: #FFFFFF; }

.in-hfgg .info em { padding: 10px 0; font-size: 30px; font-weight: bold; color: #FFFFFF; }

.in-hfgg .contact { margin-right: 90px; padding: 45px 0; height: 220px; text-align: center; }

.in-hfgg .contact p { display: inline-block; padding-left: 30px; line-height: 30px; font-size: 16px; color: #FFFFFF; background: url(../images/icon-12.png) no-repeat center left; }

.in-hfgg .contact h1 { margin: 10px 0; font-size: 24px; font-weight: normal; color: #FFFFFF; }

.in-hfgg .contact a { display: block; width: 189px; line-height: 43px; font-size: 18px; font-weight: bold; color: #333333; letter-spacing: 3px; background: url(../images/icon-15.png) no-repeat center; }

.in-hfgg .contact em { width: 100%; height: 100%; font-size: 25px; font-weight: bold; color: #FFFFFF; display: flex; align-items: center; }



/* in-ys */

.in-ys { padding: 70px 0; background: #F8F8F8; }

.ys-slide { width: 100%; box-shadow: 0px 5px 8px rgba(0,0,0,0.2); display: flex; }

.ys-slide .hd { width: 320px; }

.ys-slide .hd ul li { padding-left: 50px; width: 100%; height: 105px; display: flex; align-items: center; position: relative; cursor: pointer; z-index: 999; }

.ys-slide .hd ul li:nth-of-type(odd) { background-color: #F2EDED; }

.ys-slide .hd ul li:nth-of-type(even) { background-color: #FFFFFF; }

.ys-slide .hd ul li i { display: block; width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; }

.ys-slide .hd ul li:nth-of-type(1) i { background-image: url(../images/ys-1.png); }

.ys-slide .hd ul li:nth-of-type(2) i { background-image: url(../images/ys-2.png); }

.ys-slide .hd ul li:nth-of-type(3) i { background-image: url(../images/ys-3.png); }

.ys-slide .hd ul li:nth-of-type(4) i { background-image: url(../images/ys-4.png); }

.ys-slide .hd ul li:nth-of-type(5) i { background-image: url(../images/ys-5.png); }

.ys-slide .hd ul li > div { margin-left: 15px; height: 60px; line-height: 30px; }

.ys-slide .hd ul li > div p { font-size: 18px; color: #333333; font-weight: bold; }

.ys-slide .hd ul li > div span { font-size: 12px; color: #666666; font-weight: normal; text-transform: uppercase; }

.ys-slide .hd ul li.on { background-color: #027DBC; }

.ys-slide .hd ul li.on:nth-of-type(1) i { background-image: url(../images/ys-1-h.png); }

.ys-slide .hd ul li.on:nth-of-type(2) i { background-image: url(../images/ys-2-h.png); }

.ys-slide .hd ul li.on:nth-of-type(3) i { background-image: url(../images/ys-3-h.png); }

.ys-slide .hd ul li.on:nth-of-type(4) i { background-image: url(../images/ys-4-h.png); }

.ys-slide .hd ul li.on:nth-of-type(5) i { background-image: url(../images/ys-5-h.png); }

.ys-slide .hd ul li.on > div p, .ys-slide .hd ul li.on > div span { color: #FFFFFF; }

.ys-slide .bd { width: 880px; }

.ys-slide .bd ul { width: 100%; position: relative; }

.ys-slide .bd ul .info { padding: 30px 40px; width: 500px; height: 220px; background: rgba(255,255,255,0.8); position: absolute; left: 90px; bottom: 120px; }

.ys-slide .bd ul .info em { display: block; margin-bottom: 5px; padding-left: 20px; font-size: 22px; font-weight: bold; color: #333333;; letter-spacing: 5px; }

.ys-slide .bd ul .info h1 span { color: #0270C9; }

.ys-slide .bd ul .info p { padding-left: 20px; line-height: 28px; font-size: 14px; color: #333333; background: url(../images/icon-16.png) no-repeat left top 4px; }



/* in-hfgg2 */

.in-hfgg2 { padding: 40px 0; width: 100%; height: 240px; background: url(../images/in-hfgg2.jpg) no-repeat center; }

.in-hfgg2 .info { width: 100%; height: 160px; display: flex; flex-direction: column; justify-content: space-around; }

.in-hfgg2 em { line-height: 30px; text-align: center; font-size: 16px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; }

.in-hfgg2 p { line-height: 50px; text-align: center; font-size: 28px; color: #FFFFFF; font-weight: bold; letter-spacing: 5px; }

.in-hfgg2 h2 { line-height: 30px; text-align: center; font-size: 16px; color: #FFFFFF; font-weight: bold; }



/* in-jjfa */

.in-jjfa { padding: 60px 0; width: 100%; overflow: hidden; }

.jjfa-con { width: 100%; position: relative; }

.jjfa-con .bg { position: relative; left: 375px; }

.jjfa-con video { position: absolute; left: 0; bottom: 0; }

.jjfa-con .info { padding: 40px 40px; width: 600px; position: absolute; right: 0; bottom: 0; }

.jjfa-con .info > em { font-size: 29px; font-weight: bold; color: #FFFFFF; letter-spacing: 1px; }

.jjfa-con .info > span { display: block; padding: 10px 0; text-align: left; font-size: 12px; color: #FFFFFF; font-family: Arial; text-transform: uppercase; letter-spacing: 1px; }

.jjfa-con .info > p { text-indent: 2rem; line-height: 40px; text-align: justify; font-size: 15px; font-weight: bold; color: #FFFFFF; letter-spacing: 2px; }



/* in-cgal */

.in-cgal { padding: 40px 0; width: 100%; }

.cgal-title > h2 { width: 100%; line-height: 50px; text-align: center; position: relative; }

.cgal-title > h2 > p { font-size: 40px; font-weight: bold; color: #333333; letter-spacing: 15px; position: relative; z-index: 10; }

.cgal-title > h2 > em { width: 100%; font-size: 34px; font-weight: bold; color: #EDEDED; font-family: Arial; text-transform: uppercase; opacity: 0.7; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; letter-spacing: -1px; }

.cgal-title > p { padding: 10px 0; text-align: center; font-size: 18px; color: #333333; }

.cgal-title > p span { margin: 0 15px; font-weight: bold; color: #0270C9; }



.cgal-slide { padding-top: 30px; width: 100%; }

.cgal-slide .hd ul { width: 100%; display: flex; justify-content: center; }

.cgal-slide .hd ul > li { margin: 0 15px; }

.cgal-slide .hd ul > li > a { display: block; width: 100px; line-height: 25px; text-align: center; border-radius: 15px; }

.cgal-slide .hd ul > li.on > a { color: #FFFFFF; background: #0270C9; }

.cgal-slide .hd ul > a { display: block; margin: 0 15px; width: 100px; line-height: 25px; text-align: center; font-size: 14px; color: #0270C9; }

.cgal-slide .bd { padding-top: 45px; width: 100%; }

.cgal-slide .bd ul { width: 100%; height: 250px; }

.cgal-slide .bd ul li:nth-of-type(1) { margin-left: 0; }

.cgal-slide .bd ul li { float: left; margin-left: 60px; width: 360px; height: 250px; position: relative; border-radius: 10px; overflow: hidden; }

.cgal-slide .bd ul li .item-img { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.cgal-slide .bd ul li .item-img img { width: 100%; height: 100%; object-fit: contain; }

.cgal-slide .bd ul li .item-info { padding: 20px 25px; width: 100%; height: 100%; background: rgba(51,51,51,0.6); position: absolute; left: 0; top: 0; opacity: 0; transition: 0.3s; }

.cgal-slide .bd ul li .item-info > a { padding: 20px; width: 100%; height: 100%; border: 1px solid #FFFFFF; border-radius: 10px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; }

.cgal-slide .bd ul li .item-info h2 { width: 100%; text-align: center; font-size: 18px; font-weight: bold; color: #FFFFFF; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.cgal-slide .bd ul li .item-info p { width: 100%; height: 60px; line-height: 30px; text-align: justify; font-size: 14px; font-weight: normal; color: #FFFFFF; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.cgal-slide .bd ul li .item-info i { display: block; width: 30px; height: 30px; background: #0270C9 url(../images/icon-14.png) no-repeat center; border-radius: 50%; }

.cgal-slide .bd ul li:hover .item-info { opacity: 1; }



/* in-pzfa */

.in-pzfa { padding: 50px 0; width: 100%; background: url(../images/in-pzfa.jpg) no-repeat center }

.pzfa-slide { padding-top: 30px; width: 100%; }

.pzfa-slide .hd ul { width: 100%; background: #FFFFFF; border: 1px solid #E2E2E2; display: flex; }

.pzfa-slide .hd ul > li { width: calc(100% / 5); height: 60px; border-right: 1px solid #E2E2E2; }

.pzfa-slide .hd ul > li > a { display: block; line-height: 60px; text-align: center; font-size: 18px; color: #333333; font-weight: bold; background-position: center; background-repeat: no-repeat; position: relative; z-index: 999; }

.pzfa-slide .hd ul > li.on > a { height: 72px; color: #FFFFFF; background-image: url(../images/pzfa-on.png); }

.pzfa-slide .hd ul > a { display: block; width: calc(100% / 5); line-height: 60px; text-align: center; font-size: 16px; color: #0270C9; }

.pzfa-slide .bd { width: 900px; }

.pzfa-slide .bd ul { width: 900px; height: 460px; background: #FFFFFF; overflow: hidden; }

.pzfa-slide .hd ul .cgal-img { width: 100%; height: 460px; background: #FFFFFF; display: flex; align-items: center; justify-content: center; }

.pzfa-slide .hd ul .cgal-img img { width: 100%; height: 100%; object-fit: contain; }

.pzfa-slide .pzfa-tel { width: 294px; height: 227px; background: url(../images/pzfa-tel.jpg) no-repeat center; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.pzfa-slide .pzfa-tel p { font-size: 16px; color: #FFFFFF; font-weight: normal; }

.pzfa-slide .pzfa-tel h2 { margin: 10px 0; font-size: 30px; color: #FFFFFF; font-weight: normal; letter-spacing: 2px; font-family: Arial; }

.pzfa-slide .pzfa-more { margin-top: 6px; width: 294px; height: 227px; background: url(../images/pzfa-more.jpg) no-repeat center; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.pzfa-slide .pzfa-more h2 { font-size: 28px; font-weight: normal; color: #FFFFFF; }

.pzfa-slide .pzfa-more span { margin: 15px 0; width: 65px; height: 1px; background: #999999; }

.pzfa-slide .pzfa-more p { line-height: 30px; font-size: 16px; color: #FFFFFF; }

.pzfa-slide .pzfa-more img { margin-top: 15px; }

.page-main .in-pzfa { background: none; }



/* in-gywm */

.in-gywm { width: 100%; background: #333333; overflow: hidden; }

.gywm-con { width: 100%; position: relative; }

.gywm-con .gywm-img { width: 50%; display: flex; justify-content: flex-end; }

.gywm-con .gywm-tit { padding: 25px; width: 50%; position: absolute; top: 0; right: 0; }

.gywm-con .gywm-tit h2 { font-size: 18px; font-weight: normal; color: rgba(255,255,255,0.6); font-family: Arial; text-transform: uppercase; }

.gywm-con .gywm-tit p { font-size: 28px; font-weight: bold; color: #FFFFFF; letter-spacing: 3px; }

.gywm-con .gywm-tit span { font-size: 18px; color: rgba(255,255,255,0.8);; font-weight: normal; letter-spacing: 3px; }

.gywm-con .gywm-info { padding: 60px 40px 0; width: 830px; height: 350px; background: #282828; position: absolute; right: 0; bottom: 0; }

.gywm-con .gywm-info .box-con { height: 210px; line-height: 30px; font-size: 15px; text-align: justify; color: rgba(255,255,255,0.6); letter-spacing: 2px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; }

.gywm-con .gywm-info > a.more { display: block; padding-left: 30px; width: 160px; line-height: 45px; font-size: 15px; color: #FFFFFF; background: #0270C9 url(../images/icon-19.png) no-repeat center right 30px; position: absolute; right: 40px; bottom: 0; }



/* in-gstp */

.in-gstp { padding: 50px 0; width: 100%; }

.gstp-slide .parHd ul { display: flex; align-items: center; justify-content: center; }

.gstp-slide .parHd ul li { margin: 0 10px; }

.gstp-slide .parHd ul li > a { display: block; width: 130px; line-height: 40px; text-align: center; font-size: 18px; color: #333333; }

.gstp-slide .parHd ul li.on > a { color: #FFFFFF; background: #0270C9; }

.gstp-slide .parBd { margin-top: 45px; width: 100%; }

.gstp-slide .parBd .slideBox { margin: 0 60px; height: 220px; position: relative; }

.gstp-slide .parBd .slideBox .sPrev { display: block; width: 38px; height: 75px; background: url(../images/gstp-left.jpg) no-repeat center; position: absolute; left: -100px; top: 50%; transform: translateY(-50%); cursor: pointer; }

.gstp-slide .parBd .slideBox .sNext { display: block; width: 38px; height: 75px; background: url(../images/gstp-right.jpg) no-repeat center; position: absolute; right: -100px; top: 50%; transform: translateY(-50%); cursor: pointer; }

.gstp-slide .parBd .slideBox li { margin: 0 40px; width: 280px; }

.gstp-slide .parBd .slideBox li .item-img { padding: 5px; width: 100%; height: 170px; border: 1px solid #CCCCCC; }

.gstp-slide .parBd .slideBox li .item-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.gstp-slide .parBd .slideBox li .item-img > a > img { width: 100%; height: 100%; object-fit: contain; }

.gstp-slide .parBd .slideBox li .item-info { line-height: 45px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.gstp-slide .parBd .slideBox li .item-info > a { font-size: 16px; color: #333333; }





/* in-zxly */

.in-zxly { padding: 50px 0; width: 100%; background: url(../images/in-zxly.jpg) no-repeat center; }

.zxly-con { width: 100%; display: flex; align-items: center; justify-content: space-between; }

.zxly-con .zxly-img { height: 100%; display: flex; align-items: center; }

.zxly-con .zxly-info { padding: 25px; width: 700px; background: #FFFFFF; }

.zxly-con .zxly-info > h2 { font-size: 20px; font-weight: bold; color: #333333; letter-spacing: 2px; }

.zxly-con .zxly-info > h2 > span { font-size: 16px; font-weight: normal; }

.zxly-con .zxly-info ul { width: 100%; }

.zxly-con .zxly-info ul li:nth-of-type(2n) { margin-right: 0; }

.zxly-con .zxly-info ul li { float: left; margin: 20px 20px 0 0; width: calc((100% - 20px) / 2); }

.zxly-con .zxly-info ul li .in { padding-left: 45px; width: 100%; height: 40px; border: 1px solid #C9C9C9; background-position: center left 13px; background-repeat: no-repeat; border-radius: .25rem; }

.zxly-con .zxly-info ul li .in.icon-20 { background-image: url(../images/icon-20.png); }

.zxly-con .zxly-info ul li .in.icon-21 { background-image: url(../images/icon-21.png); }

.zxly-con .zxly-info ul li .in.icon-22 { background-image: url(../images/icon-22.png); }

.zxly-con .zxly-info ul li .in.icon-23 { background-image: url(../images/icon-23.png); }

.zxly-con .zxly-info ul li .in.icon-24 { background-image: url(../images/icon-24.png); }

.zxly-con .zxly-info ul li .btn { margin-right: 20px; width: calc((100% - 20px) / 2); height: 40px; font-size: 16px; color: #FFFFFF; background: #0270C9; }

.zxly-con .zxly-info ul li a { float: right; width: calc((100% - 20px) / 2); line-height: 40px; text-align: center; font-size: 16px; color: #FFFFFF; background: #333333; border-radius: .25rem; }



/* in-xwzx */

.in-xwzx { padding: 50px 0; width: 100%; }

.xwzx-item { width: 100%; display: flex; justify-content: space-between; }

.xwzx-item li { padding: 20px; width: calc((100% - 80px) / 3); border: 1px solid #E2E2E2; transition: 0.3s; }

.xwzx-item li .title { width: 100%; line-height: 30px; text-align: center; }

.xwzx-item li .title h2 { font-size: 18px; color: #0270C9; font-weight: normal; }

.xwzx-item li .title h2 span { margin: 0 10px; color: #333333; }

.xwzx-item li .title p { font-size: 14px; color: #333333; font-family: Arial; text-transform: uppercase; }

.xwzx-item li .item-img { margin: 20px 0; width: 100%; display: flex; align-items: center; justify-content: center; }

.xwzx-item li .item-img img { width: 100%; height: 100%; object-fit: contain; }

.xwzx-item li dl dd { margin: 5px 0; }

.xwzx-item li dl dd a { display: block; padding-left: 26px; width: 100%; line-height: 30px; background-image: url(../images/icon-11.png); background-position: center left 5px; background-repeat: no-repeat; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.xwzx-item li.on { background: #0270C9; transform: translateY(5px); }

.xwzx-item li.on .title h2, .xwzx-item li.on .title span, .xwzx-item li.on .title p { color: #FFFFFF; }

.xwzx-item li.on .item-img { border: 5px solid #FFFFFF; }

.xwzx-item li.on dd a { color: #FFFFFF; background-image: url(../images/icon-25.png); }



/* in-yqlj */

.in-yqlj { padding: 30px 0; width: 100%; }

.links { padding: 10px 20px; width: 100%; border: 4px inset #CCCCCC; }

.links .fl { width: 230px; height: 45px; display: flex; align-items: center; }

.links .fl span { float: left; margin-right: 5px; font-size: 30px; color: #666666; font-weight: bold; font-family: Impact; text-transform: uppercase; }

.links .fl em { float: right; padding: 0 15px; line-height: 25px; text-align: center; font-size: 14px; color: #FFFFFF; background: #0270C9; }

.links .fr { padding-top: 10px; width: 910px; line-height: 25px; }

.links .fr > a { margin-right: 5px; font-size: 14px; color: #666666; }



/* page-main */

.page-main { width: 100%; }



/* page-cpzs */

.page-cpzs { padding: 50px 0; width: 100%; }

.page-left { width: 255px; }

.page-left .title { padding: 25px 0; width: 100%; height: 119px; text-align: center; color: #FFFFFF; background: #F8F8F8 url(../images/page-left.png) no-repeat center; }

.page-left .title > em { font-size: 22px; font-weight: bold; letter-spacing: 5px; }

.page-left .title > p { padding-top: 10px; font-size: 14px; font-weight: normal; font-family: Arial; text-transform: capitalize; }

.page-left .nav { padding: 20px 0; width: 100%; background: #F8F8F8; }

.page-left .nav li { margin-bottom: 10px; width: 100%; }

.page-left .nav li > a { display: block; padding-left: 65px; width: 100%; line-height: 40px; font-size: 16px; color: #0270C9; background: url(../images/icon-26.png) no-repeat center bottom; }

.page-left .nav li > dl { margin-top: 5px; width: 100%; }

.page-left .nav li > dl > a { display: block; padding-left: 62px; width: 100%; line-height: 40px; font-size: 14px; color: #666666; border-left: 3px solid #F8F8F8; transition: 0.3s; }

.page-left .nav li > dl > a:hover { border-color: #0270C9; color: #FFFFFF; background: #666666; }

.page-left .contact { padding: 20px; width: 100%; background: #F8F8F8; }

.page-left .contact h2 { font-size: 22px; font-weight: bold; color: #333333; }

.page-left .contact h3 { padding: 5px 0; font-size: 14px; font-weight: normal; color: #333333; }

.page-left .contact p { padding-left: 30px; line-height: 20px; font-size: 16px; color: #333333; background: url(../images/icon-27.png) no-repeat center left; }

.page-left .contact em { display: block; margin: 5px 0; font-size: 24px; font-weight: normal; color: #0270C9; font-family: Arial; }

.page-left .contact a { display: block; width: 117px; line-height: 28px; text-align: center; font-size: 12px; color: #FFFFFF; background: url(../images/icon-28.png) no-repeat center; }

.page-left .content { padding: 20px 10px; width: 100%; background: #F8F8F8; }

.page-left .item { padding: 10px 0; width: 100%; background: #F8F8F8; }

.page-left .item li { margin: 5px 0; width: 100%; }

.page-left .item li > a { display: block; padding: 0 20px 0 15px; width: 100%; line-height: 30px; font-size: 14px; color: #333333; border-left: 3px solid #FFFFFF; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.page-left .item li:hover > a { color: #0270C9; border-color: #0270C9; }





.page-right { width: 920px; }

.page-right > .title { padding-left: 50px; width: 100%; height: 47px; line-height: 45px; background: url(../images/icon-13.png) no-repeat left bottom; }

.page-right > .title .fl { font-size: 18px; color: #0270C9; }

.page-right > .title .fr { padding-left: 20px; font-size: 12px; color: #666666; background: url(../images/icon-29.png) no-repeat center left; }

.page-right > .title .fr a { color: #666666; }
.page-right > .title h1{line-height: 45px;}



.cp-list { padding-top: 20px; width: 100%; }

.cp-list li:nth-of-type(3n) { margin-right: 0; }

.cp-list li { float: left; margin: 0 20px 20px 0; width: calc((100% - 40px) / 3); position: relative; }

.cp-list li .list-img { width: 100%; height: 210px; border: 1px solid #547B6E; }

.cp-list li .list-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.cp-list li .list-img > a > img { width: 100%; height: 100%; object-fit: contain; }

.cp-list li .list-info { padding-top: 10px; }

.cp-list li .list-info > a { display: block; padding: 0 20px; width: 100%; text-align: center; font-size: 16px; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }



/* page-pages */

.page-pages { padding-top: 20px; width: 100%; text-align: center; }

.page-pages a, .page-pages span { display: inline-block; padding: 0 10px; line-height: 25px; font-size: 14px; color: #333333; border: 1px solid #CCCCCC; }

.page-pages a:hover, .page-pages span { color: #FFFFFF; background: #0270C9; border-color: #0270C9; }



/* page-yypz */

.page-yypz { padding: 40px 0; width: 100%; background: #FBFBFB; }

.yypz-title { margin-bottom: 50px; width: 100%; text-align: center; }

.yypz-title > span { font-size: 12px; color: #D5D5D5; font-style: italic; font-family: Arial; text-transform: uppercase; }

.yypz-title > h2 { padding: 10px 0; font-size: 28px; font-weight: bold; color: #333333; letter-spacing: 5px; background: url(../images/icon-30.png) no-repeat center; }

.yypz-title > h2 > em { font-weight: bold; color: #0270C9; }

.yypz-title > p { font-size: 15px; color: #666666; letter-spacing: 4px; }



.yypz-slide { width: 890px; }

.yypz-slide .bd { width: 100%; }

.yypz-slide .bd ul { width: 100%; height: 375px; display: flex; align-items: center; justify-content: center; }

.yypz-slide .bd ul > img { width: 100%; height: 100%; object-fit: contain; }

.yypz-slide .hd { margin-top: 10px; width: 100%; }

.yypz-slide .hd ul { width: 100%: }

.yypz-slide .hd ul li:nth-of-type(1) { margin-left: 0; }

.yypz-slide .hd ul li { float: left; margin-left: 2px; width: calc((100% - 6px) / 4); height: 124px; background: #333333; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; }

.yypz-slide .hd ul li p { padding-top: 10px; font-size: 15px; color: #FFFFFF; font-weight: bold; letter-spacing: 3px; }

.yypz-slide .hd ul li.on { background: #0270C9; }



/* page-yypk */

.page-yypk { padding: 50px 0; width: 100%; background: #FBFBFB; }

.yypk-slide { width: 100%; }

.yypk-slide .hd { padding-bottom: 40px; width: 100%; }

.yypk-slide .hd ul { width: 100%; display: flex; justify-content: center; }

.yypk-slide .hd ul li { margin: 0 25px; width: 140px; line-height: 40px; text-align: center; font-size: 16px; color: #333333; border: 1px solid #666666; border-radius: 5px; cursor: pointer; }

.yypk-slide .hd ul li.on { color: #FFFFFF; border-color: #0270C9; background: #0270C9; }

.yypk-slide .bd { width: 100%; }

.yypk-slide .bd ul { width: 100%; background: url(../images/yypk-vs.png) no-repeat center; display: flex; align-items: center; justify-content: space-between; }



/* page-rxcp */

.page-rxcp { padding: 50px 0; width: 100%; }

.rxcp-slide { padding-bottom: 60px; width: 100%; border-bottom: 1px solid #E2E2E2; position: relative; }

.rxcp-slide .rxcp-img { width: 100%; height: 201px; border: 1px solid #0270C9; }

.rxcp-slide .rxcp-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }

.rxcp-slide .rxcp-img > a > img { width: 100%; height: 100%; object-fit: contain; }

.rxcp-slide .rxcp-info { margin: -25px auto 0; width: 200px; position: relative; }

.rxcp-slide .rxcp-info > a { display: block; padding: 0 15px; width: 100%; line-height: 50px; text-align: center; font-size: 12px; color: #FFFFFF; font-weight: bold; background: #0270C9; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.rxcp-slide .rxcp-page { width: 200px; height: 34px; background: #FFFFFF; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,50%); }

.rxcp-slide .rxcp-page .yypz-prev { width: 34px; height: 34px; background: url(../images/icon-35.png) no-repeat center; margin: 0; top: 0; left: 35px; }

.rxcp-slide .rxcp-page .yypz-next { width: 34px; height: 34px; background: url(../images/icon-36.png) no-repeat center; margin: 0; top: 0; right: 35px; }

.rxcp-slide .rxcp-page .yypz-prev::after, .rxcp-slide .rxcp-page .yypz-next::after { content: ""; }



/* page-cpxq */

.page-cpxq { padding: 40px 0; width: 100%; }

.sobtitle { margin-bottom: 30px; padding-left: 20px; line-height: 45px; font-size: 12px; color: #666666; border-bottom: 1px solid #CCCCCC; background: url(../images/icon-29.png) no-repeat center left; }

.sobtitle a { color: #666666; }

.cpxq-js { padding: 40px; width: 100%; background: #F3F3F3; display: flex; align-items: center; justify-content: space-between; }

.js-swiper { width: 550px; }

.js-swiper .swiper-slide { height: 390px; display: flex; align-items: center; justify-content: center; overflow: hidden; }

.js-swiper .swiper-slide > img { width: 100%; height: 100%; object-fit: contain; }

.cpxq-js .fr { width: 510px; }

.cpxq-js .fr > h1 { line-height: 46px; font-size: 24px; color: #333333; font-weight: normal; border-bottom: 1px solid #CCCCCC; }

.cpxq-js .fr > h2 { margin: 10px 0; line-height: 30px; font-size: 16px; font-weight: bold; color: #5D5D5D; }

.cpxq-js .fr > p { height: 96px; line-height: 24px; font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.cpxq-js .fr > span { display: block; margin: 15px 0; font-size: 16px; color: #333333; }

.cpxq-js .fr > span > em { font-size: 26px; color: #0270C9; font-weight: normal; }

.cpxq-js .fr > a { display: block; width: 135px; line-height: 40px; text-align: center; color: #FFFFFF; background: #0270C9; border-radius: 5px; }



.zoom { width: 100%; display: flex; align-items: center; justify-content: center; }

.zoom > img { width: 100%; height: 100%; object-fit: contain; }

/* cpxq-cs */

.cpxq-cs { padding: 25px 0; width: 100%; }

.cpxq-title { margin-bottom: 20px; width: 100%; height: 45px; background: url(../images/cpxq-title.png) no-repeat center; }

.cpxq-title > span { float: left; width: 110px; line-height: 45px; text-align: center; font-size: 20px; color: #FFFFFF; }

.cpxq-title > p { float: left; margin-left: 50px; padding-top: 10px; line-height: 35px; font-size: 16px; color: #FFFFFF; }

.cs-item { width: 100%; padding: 0 25px; }

.cs-item > dl:nth-of-type(2n) { margin-right: 0; }

.cs-item > dl { float: left; margin-right: 50px; width: calc((100% - 50px) / 2); border-bottom: 1px solid #FFFFFF; }

.cs-item > dl > dt { float: left; width: 130px; line-height: 40px; text-align: center; font-size: 16px; color: #FFFFFF; background: #363636; }

.cs-item > dl > dd { float: left; padding-left: 30px; width: calc(100% - 130px); line-height: 40px; font-size: 16px; color: #696969; background: #EEEEEE; }



/* cpxq-xx */

.cpxq-xx { padding: 25px 0; width: 100%; }
.xx-content { padding: 20px; width: 100%; background: #F3F3F3; }
.xx-content .box-con{color: #333;}
.xx-content .box-con *{ line-height: 26px; font-size: 16px; }



/* cpxq-ys */

.cpxq-ys { padding: 25px 0; width: 100%; }

.ys-item { padding: 0 35px; width: 100%; }

.ys-item > dl { width: 100%; display: flex; align-items: center; justify-content: space-between; }

.ys-item > dl:nth-of-type(even) { flex-direction: row-reverse; }

.ys-item > dl > dt { width: 600px; }

.ys-item > dl > dt > h2 { font-size: 22px; font-weight: bold; color: #333333; }

.ys-item > dl > dt > span { display: block; margin: 20px 0; width: 230px; height: 2px; background: #0270C9; }

.ys-item > dl > dt > p { line-height: 30px; font-size: 18px; font-weight: normal; color: #333333; }



/* page-sx */

.page-sx { padding: 10px 15px; width: 100%; border: 1px solid #DDDDDD; display: flex; justify-content: space-between; }

.page-sx > p { width: 45%; line-height: 30px; font-size: 14px; color: #333333; text-overflow: ellipsis; white-space: normal; overflow: hidden; }

.page-sx > p > a { color: #0270C9; }



/* page-cg */

.page-cg { margin-top: 40px; padding: 30px; width: 100%; background: #F2F2F2; }

.page-cg > p { padding: 0 15px; line-height: 40px; font-size: 16px; font-weight: bold; color: #FFFFFF; background: #0270C9; }

.page-cg > p > span { font-weight: normal; }

.page-cg ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }

.page-cg ul > .li1 { float: left; margin-top: 20px; width: 48%; }

.page-cg ul > .li1 label { display: inline-block; width: 100px; text-align: right; font-size: 16px; color: #333333; }

.page-cg ul > .li1 input { padding: 0 20px; width: calc(100% - 110px); height: 40px; border: 1px solid #CCCCCC; outline: none; border-radius: 5px; }

.page-cg ul > .li2 { margin-top: 20px; width: 100%; }

.page-cg ul > .li2 label { display: inline-block; width: 100px; text-align: right; font-size: 16px; color: #333333; }

.page-cg ul > .li2 textarea { padding: 15px; width: calc(100% - 110px); height: 100px; border: 1px solid #CCCCCC; outline: none; border-radius: 5px; }

.page-cg ul > .li2 input { width: 200px; height: 40px; border: 1px solid #CCCCCC; outline: none; border-radius: 5px; }

.page-cg ul > .li2 img { height: 40px; }

.page-cg ul > .li3 { margin-top: 20px; padding-left: 150px; width: 100%; }

.page-cg ul > .li3 input { margin-right: 20px; width: 120px; height: 30px; border: none; color: #FFFFFF; background: #0270C9; }



/* page-alzs */

.page-alzs { padding: 50px 0; width: 100%; }

.al-list { padding-top: 20px; width: 100%; }

.al-list > li { margin-bottom: 20px; padding: 20px 25px; width: 100%; background: #F8F8F8; display: flex; align-items: center; justify-content: space-between; }

.al-list > li > .list-img { padding: 2px; width: 260px; height: 182px; }

.al-list > li > .list-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.al-list > li > .list-img > a > img { width: 100%; height: 100%; object-fit: contain; }

.al-list > li > .list-info { padding-left: 30px; width: calc(100% - (290px)); background: url(../images/al-list.png) no-repeat center left; }

.al-list > li > .list-info > h2 > a { display: block; width: 100%; line-height: 30px; font-size: 18px; font-weight: bold; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.al-list > li > .list-info > span { display: block; margin: 5px 0; line-height: 20px; font-size: 12px; font-weight: bold; color: #999999; }

.al-list > li > .list-info > p { height: 48px; line-height: 24px; font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.al-list > li > .list-info > a { display: block; margin-top: 15px; padding: 0 15px; width: 120px; line-height: 30px; font-size: 12px; color: #717171; border: 1px solid #C9C9C9; background: url(../images/icon-14.png) no-repeat center right 10px; }

.al-list > li > .list-info > a:hover { color: #FFFFFF; border-color: #0270C9; background-color: #0270C9; }



/* show-detail */

.show-detail { width: 100%; }

.show-detail > .title { text-align: center; font-size: 20px; color: #333333; font-weight: bold; }

.show-detail > .date { margin: 10px 0; line-height: 30px; text-align: center; font-size: 12px; color: #999999; border-bottom: 1px solid #E0E0E0; }

.show-detail > .date span { margin: 0 10px; }

.show-detail > .image { padding: 20px; width: 100%; display: flex; align-items: center; justify-content: center; }

.show-detail > .image img { max-width: 100%; }

.show-detail > .content { padding: 30px; width: 100%; line-height: 20px; font-size: 14px; color: #333333; }

.show-detail > .bqsm { margin: 20px 0; padding: 10px 30px; width: 100%; background: #F8F8F8; }

.show-detail > .bqsm > p { line-height: 26px; font-size: 16px; color: #333333; }

.show-detail > .bqsm > p a { color: #0094ff; }

.show-detail > .page-sx { margin: 20px 0; padding: 20px; width: 100%; background: #F8F8F8; }

.show-detail > .page-sx p { line-height: 24px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.show-detail > .content *{font-size: 16px; line-height: 26px; font-family: '微软雅黑';}

/* page-xwzx */

.page-xwzx { padding: 40px 0; width: 100%; }

.page-xwzx .fl { width: 720px; border: 1px solid #ECECEC; }

.page-xwzx .title { width: 100%; border-bottom: 1px solid #ECECEC; }

.page-xwzx .title .icon { float: left; width: 80px; height: 80px; background: #0270C9; display: flex; align-items: center; justify-content: center; }

.page-xwzx .title p { float: left; margin-left: 20px; padding: 16px 0; height: 80px; font-size: 18px; color: #333333; font-weight: bold; }

.page-xwzx .title p span { display: block; font-size: 12px; color: #999999; font-weight: normal; text-transform: uppercase; }

.page-xwzx .title a { float: right; margin-right: 25px; line-height: 80px; font-size: 14px; font-weight: bold; color: #333333; text-transform: uppercase; }

.gsxw-slide { padding: 30px 35px; width: 100%; height: 443px; overflow: hidden; }

.gsxw-slide dt { margin: 10px 0; padding-left: 15px; background: url(../images/icon-38.png) no-repeat center left; display: flex; justify-content: space-between; }

.gsxw-slide dt > a { float: left; width: 480px; line-height: 30px; font-size: 16px; font-weight: normal; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.gsxw-slide dt > span { float: right; line-height: 30px; font-size: 14px; color: #666666; font-weight: normal; }

.gsxw-slide dt.on span { display: none; }

.gsxw-slide dd { display: none; width: 100%; height: 163px; }

.gsxw-slide dd .slide-img { float: left; width: 240px; height: 163px; }

.gsxw-slide dd .slide-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.gsxw-slide dd .slide-img > a > img { width: 100%; height: 100%; object-fit: contain; }

.gsxw-slide dd .slide-info { float: right; width: 380px; height: 163px; }

.gsxw-slide dd .slide-info > span { display: block; font-size: 14px; color: #333333; font-weight: bold; font-family: Arial; }

.gsxw-slide dd .slide-info > span > em { display: block; font-size: 20px; font-weight: bold; color: #CCCCCC; }

.gsxw-slide dd .slide-info > h2 { padding: 5px 0 10px 0; }

.gsxw-slide dd .slide-info > h2 > a { display: block; font-size: 18px; font-weight: bold; color: #0270C9; text-overflow: inherit; white-space: nowrap; overflow: hidden; }

.gsxw-slide dd .slide-info > p { height: 60px; line-height: 20px; font-size: 14px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }



.page-xwzx .fr { width: 460px; border: 1px solid #ECECEC; }

.hydt-slide { padding: 30px; width: 100%; height: 443px; overflow: hidden; }

.hydt-slide dt { margin-bottom: 15px; width: 100%; }

.hydt-slide dt h2 { width: 100%; display: flex; justify-content: space-between; }

.hydt-slide dt h2 span { display: block; width: 60px; text-align: center; line-height: 22px; font-size: 16px; color: #FFFFFF; background: #0270C9; }

.hydt-slide dt h2 a { display: block; width: 330px; line-height: 22px; font-size: 16px; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.hydt-slide dt p { margin-top: 5px; height: 50px; line-height: 25px; font-size: 14px; color: #666666; font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.hydt-slide dt em { display: block; margin-top: 5px; width: 100%; text-align: right; font-size: 14px; color: #333333; }

.hydt-slide dd { width: 100%; height: 44px; border-top: 1px dashed #CCCCCC; display: flex; align-items: center; justify-content: space-between; }

.hydt-slide dd a { padding-left: 10px; display: block; width: 300px; font-size: 14px; color: #333333; background: url(../images/icon-38.png) no-repeat center left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.hydt-slide dd em { font-size: 14px; color: #666666; }



/* page-xwal */

.page-xwal { padding: 40px 0; width: 100%; background: #F8F8F8; }

.xwal-left { width: 720px; }

.al-tit { margin-bottom: 20px; width: 100%; border-bottom: 1px solid #999999; display: flex; align-items: center; }

.al-tit p { padding: 0 10px; line-height: 40px; font-size: 18px; color: #0270C9; border-bottom: 3px solid #0270C9; }

.al-tit span { padding: 0 10px; font-size: 14px; color: #666666; text-transform: uppercase; font-family: Arial; }

.al-lb { width: 100%; position: relative; }

.al-lb .swiper-slide .lb-img { width: 100%; height: 390px; background: #FFFFFF; }

.al-lb .swiper-slide .lb-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.al-lb .swiper-slide .lb-img > a > img { width: 100%; height: 100%; object-fit: contain; }

.al-lb .swiper-slide .lb-info { padding-top: 20px; width: 590px; }

.al-lb .swiper-slide .lb-info > a { display: block; width: 100%; font-size: 18px; font-weight: bold; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.al-lb .swiper-slide .lb-info > span { display: block; padding: 5px 0; font-size: 14px; color: #999999; }

.al-lb .swiper-slide .lb-info > p { height: 50px; line-height: 25px; font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.al-lb .al-next:after, .al-lb .al-prev:after { content: ""; }

.al-lb .al-next { width: 47px; height: 45px; background: url(../images/icon-40.png) no-repeat center; top: auto; bottom: 0; left: auto; right: 0; }

.al-lb .al-prev { width: 47px; height: 45px; background: url(../images/icon-39.png) no-repeat center; top: auto; bottom: 0; left: auto; right: 50px; }

.al-lb .al-page { width: 50px; left: auto; right: 0; bottom: 60px; }

.al-lb .swiper-pagination-current { font-size: 30px; font-weight: bold; color: #0270C9; }

.al-lb .swiper-pagination-total { font-size: 18px; color: #333333; }



.xwal-right { width: 460px; }

.al-item { width: 100%; height: 520px; }

.al-item li:nth-of-type(1) { margin-top: 0; }

.al-item li { width: 100%; margin-top: 15px; height: calc((100% - 45px) / 4); background: #FFFFFF; border: 1px solid #ECECEC; display: flex; justify-content: space-between; }

.al-item li .item-img { width: 171px; height: 100%; border-right: 1px solid #ECECEC; }

.al-item li .item-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.al-item li .item-img > a > img { width: 100%; height: 100%; object-fit: contain; }

.al-item li .item-info { padding: 20px; width: calc(100% - 171px); height: 100%; }

.al-item li .item-info > a { display: block; font-size: 16px; font-weight: bold; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.al-item li .item-info > span { display: block; font-size: 12px; color: #999999; }

.al-item li .item-info > p { height: 40px; line-height: 20px; font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }



/* page-jsdy */

.page-jsdy { padding: 50px 0; }

.jsdy-item { margin: 0 auto; width: 890px; }

.jsdy-item li { padding: 30px 0; width: 100%; border-bottom: 4px solid #F8F8F8; display: flex; align-items: center; justify-content: space-between; }

.jsdy-item li > .item-date { width: 145px; height: 145px; background: url(../images/icon-41.png) no-repeat center right; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.jsdy-item li > .item-date > span { font-size: 40px; color: #333333; font-weight: bold; }

.jsdy-item li > .item-date > p { font-size: 14px; color: #999999; }

.jsdy-item li > .item-info { padding: 25px 40px; width: 530px; height: 145px; }

.jsdy-item li > .item-info > a { display: block; padding-left: 30px; width: 100%; line-height: 30px; font-size: 18px; color: #333333; font-weight: bold; background: url(../images/icon-42.png) no-repeat center left; }

.jsdy-item li > .item-info > p { margin-top: 10px; padding-left: 30px; height: 48px; line-height: 24px; font-size: 14px; color: #666666; background: url(../images/icon-43.png) no-repeat left top 2px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.jsdy-item li > .item-img { width: 212px; height: 145px; border: 1px solid #999999; }

.jsdy-item li > .item-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.jsdy-item li > .item-img > a > img { width: 100%; height: 100%; object-fit: contain; }



/* page-menu */

.page-menu { padding: 40px 0; width: 100%; }

.page-menu ul { width: 100%; }

.page-menu ul li { float: left; margin-right: 10px; }

.page-menu ul li a { display: block; width: 110px; line-height: 32px; text-align: center; font-size: 18px; color: #666666; border-bottom: 1px solid #FFFFFF; }

.page-menu ul li.on a { color: #0270C9; border-color: #0270C9; }



/* page-gywm */

.page-gywm { padding: 40px 0; width: 100%; }

.page-gywm .img { width: 100%; display: flex; align-items: center; justify-content: center; }

.page-gywm .img img { max-width: 100%; }

.page-gywm .info { padding-top: 20px; width: 100%; }



/* gy-item */

.gy-item { padding: 40px 0; width: 100%; }

.gy-item ul { width: 680px; height: 420px; }

.gy-item ul li:nth-of-type(1) { margin-top: 0; }

.gy-item ul li { margin-top: 30px; width: 100%; height: calc((100% - 120px) / 5); display: flex; align-items: center; cursor: default; }

.gy-item ul li span { padding-left: 35px; width: 155px; height: 100%; font-size: 20px; font-weight: bold; color: #FFFFFF; background: #333333; display: flex; align-items: center; }

.gy-item ul li p { padding-left: 30px; width: calc(100% - 155px); height: 100%; font-size: 16px; color: #333333; background: #F8F8F8; display: flex; align-items: center; }

.gy-item ul li:hover span { background: #0270C9; }



/* gy-ln */

.gy-ln { padding: 40px 0; width: 100%; }

.gy-ln ul { width: 100%; }

.gy-ln ul li:nth-of-type(1) { margin-left: 0; }

.gy-ln ul li { float: left; margin-left: 16px; padding: 40px; width: calc((100%  - 48px) / 4); height: 200px; background: #FBFBFB; }

.gy-ln ul li span { display: block; margin: 0 auto; width: 109px; height: 42px; font-size: 20px; font-weight: bold; color: #333333; background: url(../images/icon-44.png) no-repeat center; display: flex; align-items: center; justify-content: center; }

.gy-ln ul li p { padding-top: 10px; width: 100%; text-align: center; line-height: 30px; font-size: 15px; color: #333333; }



/* gy-ys */

.gy-ys { padding: 60px 0; width: 100%; background: url(../images/gy-ys.jpg) no-repeat center; }

.gy-ys .title { width: 100%; display: flex; align-items: center; justify-content: center; }

.ys-list { margin-top: 70px; width: 100%; height: 300px; display: flex; justify-content: space-between; }

.ys-list .bd { float: left; width: 1120px; height: 100%; overflow: hidden; }

.ys-list .bd ul li { margin-bottom: 70px; padding: 0 60px; width: 100%; height: 95px; display: flex; align-items: center; justify-content: space-between; }

.ys-list .bd ul li .tit { width: 220px; }

.ys-list .bd ul li .tit p { font-size: 26px; color: #FFFFFF; font-weight: bold; }

.ys-list .bd ul li .tit span { font-size: 14px; color: #999999; font-family: Arial; text-transform: uppercase; }

.ys-list .bd ul li .info { width: 590px; }

.ys-list .bd ul li .info h2 { margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #FFFFFF; }

.ys-list .bd ul li .info p { line-height: 26px; font-size: 13px; color: #FFFFFF; }

.ys-list .hd { width: 23px; display: flex; flex-direction: column; justify-content: space-between; }

.ys-list .hd .next { width: 23px; height: 148px; background: url(../images/icon-45.png) no-repeat center; cursor: pointer; }

.ys-list .hd .prev { width: 23px; height: 148px; background: url(../images/icon-46.png) no-repeat center; cursor: pointer; }



/* lx-con */

.lx-con { padding: 50px 0; width: 100%; }

.lx-map { width: 640px; }

.lx-info { padding: 30px 45px; width: 530px; height: 490px; border: 1px solid #ECECEC; }



/* pic-item */

.pic-item { padding: 40px 0; width: 100%; }

.pic-item ul { width: 100%; }

.pic-item ul li:nth-of-type(4n) { margin-right: 0; }

.pic-item ul li { float: left; margin: 0 16px 16px 0; width: calc((100% - 48px) / 4); position: relative; }

.pic-item ul li .list-img { width: 100%; height: 230px; border: 1px solid #547B6E; }

.pic-item ul li .list-img > a { padding: 3px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.pic-item ul li .list-img > a > img { width: 100%; height: 100%; object-fit: contain; }

.pic-item ul li .list-info { padding-top: 10px; }

.pic-item ul li .list-info > a { display: block; padding: 0 20px; width: 100%; text-align: center; font-size: 16px; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }



/* page-xg */

.page-xg { margin: 30px 0; padding: 20px; width: 100%; background: #F2F2F2; }

.page-xg > p { font-size: 16px; color: #333333; }

.page-xg > ul { padding-top: 20px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }

.page-xg > ul > li { margin-bottom: 10px; width: 48%; }

.page-xg > ul > li > a { display: block; width: 100%; line-height: 30px; font-size: 14px; color: #333333; text-overflow: ellipsis; white-space: normal; overflow: hidden; }



/* page-tag */

.page-tag { margin: 30px 0; padding: 12px; width: 100%; border: 1px solid #CCCCCC; }

.page-tag > span { margin-right: 10px; font-size: 16px; color: #333333; font-weight: bold; }

.page-tag > a { margin-right: 10px; font-size: 14px; color: #FF0000; }



/* cp-tj */

.cp-tj { padding: 15px; width: 100%; height: 450px; background: #F8F8F8; overflow: hidden; }

.cp-tj dt { width: 100%; }

.cp-tj dt > a { display: block; line-height: 25px; font-size: 14px; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.cp-tj dd { width: 100%; display: flex; align-items: center; justify-content: center; display: none; }

.cp-tj dd img { width: 100%; }



/* xgxz */

.xgxz { float: left; width: 100%; border: 1px solid #C3C3C0; margin-top: 5px; background: #FFFFFF; }

.xgxz h3 { height: 30px; line-height: 30px; background: #EAEAE8; padding-left: 20px; font-size: 14px; }

.xgxz2 { width: 100%; border-bottom: 0px solid #EAEAE8; }

.xgxz2 ul { float: left; padding: 10px 0px 10px 15px; width: 100%; border-top: 1px solid #EAEAE8; }

.xgxz2 ul li { float: left; width: 50%; background: url('../images/dote.jpg') no-repeat left center; }

.xgxz2 ul li > a { display: block; padding: 0 50px 0 10px; line-height: 24px; font-size: 12px; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }